﻿<UserControl x:Class="CAION2.Views.SettingsAppearance"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:resources="clr-namespace:CAION2.Properties"
             xmlns:viewModels="clr-namespace:CAION2.ViewModels" 
             mc:Ignorable="d">
    
    <UserControl.Resources>
        <viewModels:SettingsViewModel x:Key="ViewModels"/>
    </UserControl.Resources>

    <Grid DataContext="{Binding Source={StaticResource ViewModels}}">
        <ScrollViewer>
            <StackPanel MinWidth="150" x:Name="Panel">
                <TextBlock Text="{x:Static resources:Resources.AppearanceTitle}" 
                           Style="{StaticResource Heading2}" 
                           Margin="0,0,0,8" />

                <ListBox ItemsSource="{Binding AccentColors}"
                         SelectedItem="{Binding SelectedAccentColor, Mode=TwoWay}"
                         Margin="0,0,0,16"
                         ScrollViewer.HorizontalScrollBarVisibility="Hidden">
                    <ListBox.ItemsPanel>
                        <ItemsPanelTemplate>
                            <WrapPanel MaxWidth="{Binding ActualWidth, ElementName=Panel}" />
                        </ItemsPanelTemplate>
                    </ListBox.ItemsPanel>
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <Rectangle Width="40" Height="40" Margin="2,4,4,4" >
                                <Rectangle.Fill>
                                    <SolidColorBrush x:Name="Brush" Color="{Binding}" />
                                </Rectangle.Fill>
                            </Rectangle>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
                
                <Grid HorizontalAlignment="Left">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition MinWidth="120"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition />
                        <RowDefinition />
                    </Grid.RowDefinitions>

                    <TextBlock Text="{x:Static resources:Resources.ColorTheme}" 
                               VerticalAlignment="Center" 
                               Margin="0,0,16,4" />
                    <ComboBox Grid.Column="1" 
                              ItemsSource="{Binding Themes}" 
                              SelectedItem="{Binding SelectedTheme, Mode=TwoWay}"
                              DisplayMemberPath="DisplayName"
                              VerticalAlignment="Center" 
                              Margin="0,0,0,4" />

                    <TextBlock Grid.Row="1" Text="{x:Static resources:Resources.FontSize}" 
                               VerticalAlignment="Center" 
                               Margin="0,0,16,0" />
                    <ComboBox Grid.Row="1" 
                              Grid.Column="1" 
                              ItemsSource="{Binding FontSizes}" 
                              SelectedItem="{Binding SelectedFontSize, Mode=TwoWay}" 
                              VerticalAlignment="Center" />
                </Grid>
            </StackPanel>
        </ScrollViewer>
    </Grid>
</UserControl>
